.list_header {
    height: 100px;
    background-color: #fff;
    position: relative;
    .list_logo {
        position: absolute;
        top: 25px;
        left: 160px;
        width: 190px;
        height: 118px;
        background: url(../img/list_logo.png) no-repeat;
        .logo_lk {
            display: block;
            font-size: 0;
            width: 100%;
            height: 100%;
        }
        .extra {
            position: absolute;
            width: 50px;
            top: 5px;
            left: 176px;
            font-size: 20px;
            line-height: 45px;
            font-weight: 400;
            color: #666;
        }
    }
    .list_search {
        // 大盒子不要给宽高，给小盒子宽高，把大盒子撑开
        position: absolute;
        top: 30px;
        left: 550px;
        background: #fff;
        .text {
            // input和button之间有间隙，
            // 用浮动就可以将两者紧紧贴到一起了
            float: left;
            width: 414px;
            height: 36px;
            border: 2px solid #050505;
            line-height: 32px;
            font-size: 12px;
            padding-left: 10px;
            color: #ccc;
            box-sizing: border-box;
        }
        .btn {
            float: left;
            width: 84px;
            height: 36px;
            background-color: #050505;
            border: 0;
            font-size: 16px;
            color: #fff;
        }
    }
    .list_shopCar {
        position: absolute;
        top: 25px;
        right: 157px;
        width: 138px;
        height: 34px;
        border: 1px solid #dfdfdf;
        background-color: #f7f7f7;
        line-height: 34px;
        text-align: center;
        .count {
            // 他的父也是绝对定位，但是祖父是相对定位，
            // 他的定位就根据他的父来的
            position: absolute;
            top: -5px;
            left: 100px;
            background-color: #e60012;
            height: 14px;
            padding: 0 3px;
            line-height: 14px;
            color: #fff;
            border-radius: 50%;
        }
    }
    
}


.list_title {
    width: 150px;
    height: 80px;
    margin: 20px auto;
    .list_title_ceil {
        font-size: 24px;
        color: rgb(51, 51, 51);
    }
    .list_title_floor {
        font-size: 14px;
        font-weight: lighter;
        color: rgb(52, 54, 57);
    }
}

.list_main {
    width: 1200px;
    margin: 0 auto;
    .list_main_ul {
        height: 270px;
        margin-bottom: 10px;
        .list_main_first {
            float: left;
            width: 190px;
            margin-left: 10px;
            .list_main_first_lk {
                display: block;
                width: 100%;
                height: 100%;
                .list_main_first_img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .list_main_item {
            float: left;
            width: 190px;
            height: 260px;
            margin-left: 10px;
            padding: 15px;
            box-sizing: border-box;
            background-color: #fff;
            .list_main_item_lk {
                display: block;
                width: 100%;
                height: 100%;
                .list_main_item_img {
                    width: 160px;
                    height: 160px;
                }
                .list_main_item_cont {
                    width: 160px;
                    height: 36px;
                    font-size: 14px;
                    line-height: 1.3;
                    color: #333;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .list_main_item_price {
                    font-family: 'JDZH-Regular', sans-serif;
                    font-size: 16px;
                    color: rgb(240, 43, 43);
                }
            }
        }
    }
}